/*background-color:#f9de57;*/
*{
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}


.wrapper{
	display: grid;
	grid-template-columns: 	70% 30%;
	grid-template-areas:
	"title title"
	"header header"
	"content content"
	"sidebar sidebar"
	"footer footer";
	grid-gap: 10px;
}

.title{
	grid-area: title;
	padding: 5px;
	font-size: 20px;
    justify-content: center;
	text-align: center;
	background:#f9de57;
}


/* unHide the eventlink on the events page for the desktop*/
#eventlink {
  display: block;
}

@media screen and (min-width:736px){
.eventcontent{
	display: grid;
	grid-template-columns: 50% 50%;
	grid-template-areas:
	"contentone contenttwo";
	gap: 10px;
	padding-top: 10px;
}
/* Hide the eventlink on the events page for the desktop*/
#eventlink{
    display: none;
}
}

.header{
	grid-area: header;
	padding: 5px;
	background:#f9de57;


}
.header img{
	width: 100%;
	max-width: 100%;
	background:#f9de57;
}

.sidebar{
	grid-area: sidebar;
	padding: 10px;
	background:#f9de57;
}

.content{
	grid-area: content;
	padding: 10px;
	background:#f9de57;
}
.footer{
	grid-area: footer;
	padding: 5px;
	background-color:#217f16;
}



@media screen and (min-width:736px){
	.wrapper{
	display: grid;
	grid-template-columns: 	60% 40%;
	grid-template-areas:
	"title title"
	"header header"
	"content sidebar"
	"footer footer";
	gap :10px;
	}
}

/* Objects */

.sidebar form{
	border-style: solid;
	border-color: #217f16;
	border-width:2px;
	padding:5px;
}

.sidebar form input{
	width: 100%
}

.sidebar img {
	max-width: 100%;
}

.content img{
	max-width: 100%;
}

.strong{
	font-weight: bold;
}

/* Typography */


 h1{
		color : #217f16;
		/*font-family: Verdana; */
		background:#f9de57;
	}

h2{
	 color :black;
	 /*font-family: Verdana; */
	 font-size :24px;
	 font-style : bold;
	 background:#f9de57;

}

h3{
	 color :black;
	/* font-family: Verdana; */
	 font-size :16px;
	 font-style : bold;
	 background:#f9de57;
}
p{
/*	font-family: Verdana;  */
	font-size:14px;
}

.error {
	color: #FF0000;
}

.eventimage{
	display: block;
	margin: auto;
	max-width: 90%;
}